<!DOCTYPE html>  
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
    <head>
        <title>代码生成工具</title>
        <link rel="stylesheet" th:href="@{bootstrap/css/bootstrap.min.css}" />
        <link th:href="@{select2.min.css}" rel="stylesheet" />
		<link th:href="@{index.css}" rel="stylesheet" />
    </head>
    <body>
    <h3 class="text-center">代码生成工具</h3>
       <br/>
       <div class="container" style="padding:15px;border:1px solid #ccc;">
       
       <div class="row wizard">
          <div class="col-md-4 text-center active">
          	<button type="button" class="btn btn-success btn-circle btn-xl">1</button> 选择数据表
          </div>
          <div class="col-md-4 text-center ">
          	<button type="button" class="btn btn-success btn-circle btn-xl ">2</button> 配置类信息、核验字段
          </div>
          <div class="col-md-4 text-center ">
          	<button type="button" class="btn btn-success btn-circle btn-xl">3</button> 完成
          </div>
       </div>
 	   <div class="row" style="padding:10px 15px;border-bottom: 1px solid #ccc">
 	   	<div class="progress">
		  <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 25%">
		   
		  </div>
		</div>
 	   </div>
 	   <div class="row stepContent">
	 	   	<div class="loading">
			     <span></span>
			     <span></span>
			     <span></span>
			     <span></span>
			     <span></span>
			</div>
 	   </div>
 	   <div class="row" style="padding:10px;">
 	   	 <div class="col-md-3 text-center ">
 	   	 <!-- <button type="button" class="btn btn-default previous" onclick="previous()" style="cursor: pointer;"><span class="glyphicon glyphicon-hand-left"></span>&nbsp;&nbsp;上一步</button> -->
 	   	 </div> 
 	   	<div class="col-md-3 col-md-offset-6 text-center" >
 	   		<button type="button" onclick="next();" class="btn btn-primary next" style="cursor: pointer;" disabled="disabled">
 	   		<span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp;下一步</button>
 	   	</div>
 	   
 	   
       </div>
         
       </div>
       <div class="loading-content" style="display: none">
       		<div class="loading">
			     <span></span>
			     <span></span>
			     <span></span>
			     <span></span>
			     <span></span>
			</div>
       </div>
       <div class="error-info-content" style="display: none">
       		<div class="alert alert-danger error-info" role="alert"></div>
       </div>
		    <script  th:src="@{jquery.min.js}" type="text/javascript"></script>
			<script  th:src="@{bootstrap/js/bootstrap.min.js}" type="text/javascript"></script>
			<script  th:src="@{select2.min.js}" type="text/javascript"></script>
			<script  th:src="@{index.js}" type="text/javascript"></script>
    </body>
</html>